.header-two {
    width: 100%;
    height: 30px;
    background-color: #f8f8f8;
    >.header-two-center {
        width: 1200px;
        margin: 0 auto;
        position: relative;
        color: #888;
        cursor: pointer;
        .iconfont {
            font-size: 12px !important;
        }
        >.list {
            display: flex;
            list-style: none;
            font-size: 12px;
            cursor: pointer;
            >li:nth-child(3) {
                >a {
                    >span {
                        color: red;
                    }
                }
            }
            >li:nth-child(1) {
                color: #888;
                padding: 0 20px 0 10px;
                line-height: 30px;
                position: relative;
                >.icon-xiala1 {
                    font-size: 12px !important;
                    display: inline-block;
                }
                span.iconfont.icon-xiala1 {
                    font-size: 12px !important;
                }
                &:hover .icon-xiala1 {
                    transform-origin: center;
                    transform: rotate(180deg);
                }
                &:hover {
                    padding: 0 19px 0 9px;
                    border-left: 1px solid #5e5e5e;
                    border-right: 1px solid #5e5e5e;
                    border-bottom: 1px solid #fff;
                    color: blue;
                }
                >.list-li-div {
                    padding: 30px 50px 20px 10px;
                    width: 288px;
                    border: 1px solid #5e5e5e;
                    // border-top: none;
                    position: absolute;
                    top: 30px;
                    left: 0px;
                    z-index: 10;
                    background-color: #fff;
                    color: #5e5e5e;
                    display: none;
                    &:hover .list-li-div {
                        display: block;
                    }
                    >span {
                        font-size: 15px;
                        line-height: 160px;
                    }
                }
                &:hover {
                    background-color: white;
                }
                &:hover .list-li-div {
                    display: block;
                    padding: 30px 49px 20px 9px;
                }
            }
            >li:nth-child(2) {
                color: #888;
                margin-right: 10px;
                &:hover {
                    color: blue;
                }
                line-height: 30px;
            }
            >li:nth-child(3) {
                color: blue;
                margin-right: 10px;
                line-height: 30px;
                >a {
                    text-decoration: none;
                }
            }
        }
        //  右侧
        >.list-right {
            display: flex;
            list-style: none;
            position: absolute;
            right: 0;
            top: 0;
            justify-content: space-between;
            width: 568px;
            font-size: 12px;
            line-height: 30px;
            >li {
                >span {
                    font-size: 12px !important;
                    display: inline-block;
                }
                &:hover .icon-xiala1 {
                    transform-origin: center;
                    transform: rotate(180deg);
                }
                &:hover {
                    color: blue;
                }
            }
            >li:nth-child(2) {
                >.erji {
                    width: 100px;
                    background-color: pink;
                    height: 100px;
                    position: absolute;
                    top: 30px;
                    z-index: 9999;
                    left: 70px;
                    display: none;
                }
                &:hover .erji {
                    display: block;
                }
            }
            >li:nth-child(4) {
                >.erji {
                    width: 100px;
                    background-color: pink;
                    height: 100px;
                    position: absolute;
                    top: 30px;
                    z-index: 9999;
                    left: 230px;
                    display: none;
                }
                &:hover .erji {
                    display: block;
                }
            }
            >li:nth-child(5) {
                >.erji {
                    width: 100px;
                    background-color: pink;
                    height: 100px;
                    position: absolute;
                    top: 30px;
                    z-index: 9999;
                    left: 319px;
                    display: none;
                }
                &:hover .erji {
                    display: block;
                }
            }
            >li:nth-child(6) {
                >.erji {
                    width: 100px;
                    background-color: pink;
                    height: 100px;
                    position: absolute;
                    top: 30px;
                    z-index: 9999;
                    left: 408px;
                    display: none;
                }
                &:hover .erji {
                    display: block;
                }
            }
        }
    }
}